<template>
    <div>
        <h1>App</h1>
        {{ title }}--{{ username }}
        <button @click="log('hello')">log</button>
        <button @click="say()">say</button>
    </div>
</template>
<script>
export default {
    data() {
        return {
            title: 'hello'
        }
    },
    methods: {
        log(e) {
            console.log(e);
        }
    },
    setup() {
        let username = 'lili'
        function say() {
            console.log('hello jack');
        }
        return { say, username }
    }
}
</script>
<style>
div {
    border: solid;
    padding: 10px;
}
</style>